.head,.section1 .btn-close-video,.section1 .btn-play,.section1 .sample,.section1 .tip-1,.section1 .tip-2,[hidden],template{display:none}img,legend{border:0}#superContainer,.fp-section,.fp-slides,sub,sup{position:relative}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{padding:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.fp-enabled body,html.fp-enabled{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:transparent}#superContainer{height:100%;touch-action:none}.fp-section{box-sizing:border-box}.fp-slide{float:left}.fp-slide,.fp-slidesContainer{height:100%;display:block}.fp-slides{z-index:1;height:100%;overflow:hidden;transition:all .3s ease-out}.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}.fp-slidesContainer{float:left;position:relative}.fp-controlArrow{position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;transform:translate3d(0,0,0)}.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}.fp-scrollable{overflow:scroll}.fp-notransition{transition:none!important}.fp-slidesNav{position:absolute;z-index:4;left:50%;opacity:1}.fp-slidesNav.bottom{bottom:17px}.fp-slidesNav.top{top:17px}#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#fp-nav ul li a.active span,#fp-nav ul li:hover #fp-nav ul li a.active span,#fp-nav ul li:hover .fp-slidesNav ul li a.active span,#fp-slidesNav ul li:hover #fp-nav ul li a.active span,#fp-slidesNav ul li:hover .fp-slidesNav ul li a.active span,.fp-slidesNav ul li a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;transition:all .1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0,0,0)}#fp-nav.right{right:17px}#fp-nav.left{left:17px}#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0}.btn-download i.icon,.fp-slidesNav ul li{display:inline-block}#fp-nav ul li .fp-tooltip.right{right:20px}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{transition:opacity .2s ease-in;width:auto;opacity:1}.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section{height:auto!important}@keyframes animatedBackground{from{background-position:0 0}to{background-position:100% 0}}body{font-family:'Hiragino Sans GB','Helvetica Neue',Microsoft Yahei,Arial,\5b8b\4f53,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.7;background-color:#0694e9}a,a:active,a:hover,a:link{text-decoration:none;-webkit-tap-highlight-color:transparent}.btn-download{width:113px;border-radius:14px;border:1px solid rgba(255,255,255,.8);text-align:center;font-size:10px;line-height:15px;padding:6px 6px;color:#fff;position:relative}.btn-download i.icon{width:12px;height:15px;background-size:12px 15px;vertical-align:top;margin-right:6px;background-position:100% 50%;background-repeat:no-repeat}
.btn-download i.icon.apple{background-image:url(../images/apple-logo@2x.png)}.btn-download i.icon.android{background-image:url(../images/android-logo@2x.png)}.btn-download i.icon.qr-code{background-image:url(../images/code-logo@2x.png);background-size:18px 17px}
.btn-download i.download-code{width:130px;height:130px;background-image: url(../images/toutiao_code.jpg);background-size:130px 130px;position:absolute;bottom:-135px;left:30px;opacity:0;transform:translateY(-5px);-webkit-transform:translateY(-5px);transition:all .3s}
.section h2,.section p.info{position:absolute;width:100%;color:#fff;text-align:center}.btn-download.active .download-code{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}
.section h2{font-size:17px;font-weight:bold;line-height:1.5;margin:0 auto;padding:0;top:20%;left:0}
.section p.info{top:25%;left:0;font-size:13px;line-height:16px;margin:15px auto 0}
.section.section1 .btn-download{float:none}
.logo{width:62px;height:30px;background: url(../images/logo1.png);background-size:62px 30px;margin:0 0 0 12px}
.head{padding-top:16px;position:fixed;width:100%;top:0;left:0;z-index:1}
.head .btn-download{float:right;margin:0 12px 0 0}
@keyframes sectionTransition{0%{opacity:1}100%,30%{opacity:0}}
@keyframes sectionTransitionReverse{0%{opacity:0}100%{opacity:1}}
.section-transition{animation:sectionTransition 1s}
.section-transition-reverse{animation:sectionTransitionReverse 1s}
.section1{background: url(../images/bg1.jpg) 50% 80% repeat-x;background-size:cover;animation:animatedBackground 80s linear infinite}
.section1 h2{font-size:24px;top:12%;}
.section1 p.info{font-size:16px;top:32%;}
.section1 h1{line-height:48px;font-size:32px;color:#fff;text-align:center;display:block;margin:0;padding:0;font-weight:400;position:absolute;top:24%;width:100%}
.section1 .btn-download{top:50%;left:50%;position:absolute;margin:0 0 0 -72px;width:144px;padding:8px 10px;display:block;font-size:12px;line-height:20px;border-radius:18px;}/*border:none;background:#039CEC*/
.section1 .btn-download i.icon{width:16px;height:20px;background-size:16px 20px;margin-right:8px}.section1 .btn-download[data-role=qr-code]{display:none}#page-menu{position:fixed;top:50%;right:0;padding:0;margin:0;width:18px;transform:translateY(-50%);-webkit-transform:translateY(-50%)}#page-menu li{width:6px;height:6px;font-size:0;border-radius:4px;border:1px solid #fff;background:0 0;display:block}#page-menu li.active{background:#fff}#page-menu li+li{margin-top:10px}.animation-segment{position:absolute;left:50%;bottom:0}
.section2 .fade-in-from-left{width:346px;height:270px;background: url(../images/phone2.png) no-repeat;background-size:346px 270px;margin-left:-58px}
@media screen and (max-width:479px){.section2 .fade-in-from-left{margin-left:-160px}}
.section2 .fade-in-from-right{bottom:127px;width:112px;height:101px;margin-left:3px;background: url(img-a-02@2x.png) no-repeat;background-size:112px 101px}
.section3 .left-1,.section3 .left-2,.section3 .left-3{width:125px;margin-left:-114px}
.section3 .left-1{height:115px;background: url(../images/phone3_1a.png) no-repeat;background-size:contain;bottom:130px}
.section3 .left-2{height:115px;background: url(../images/phone3_2a.png) no-repeat;background-size:contain;bottom:5px}
.section3 .left-3{height:101px;background: url(../images/pu3@2x.png) no-repeat;background-size:contain;bottom:-27px}
.section3 .right-big-phone{margin-left:-42px;width:170px;height:278px;background: url(../images/phone3a.png) no-repeat;background-size:contain;bottom:-4px}
@keyframes switchTabInSection4{0%{opacity:0}16.6%,33.2%{opacity:1}100%,49.8%{opacity:0}}.section4-switchable{animation-name:switchTabInSection4;animation-iteration-count:infinite}
.section4 .center-image{width:260px;height:276px;background: url(../images/phone4_2a.png) no-repeat;background-size:contain;margin-left:-120px}
.logo-link,.social .social-site{height:78px;font-size:0;text-indent:-100%}
.animated{animation-duration:1.5s}
.animated-main-btn-download,.animated-slogon,.section2 .fade-in-from-left,.section2 .fade-in-from-right{opacity:0}
@keyframes fadeInSection3{0%{opacity:0;transform:scale(.01) translateX(340px)}100%{opacity:1;transform:scale(1) translateX(0)}}
.section3 .left-1,.section3 .left-2,.section3 .left-3,.section3 .right-big-phone,.section4 .center-image,h2,p.info{opacity:0}
.section3-fadeInLeft{animation-name:fadeInSection3;animation-duration:1s}.section3 .left-1{animation-delay:0}.section3 .left-2{animation-delay:.2s}.section3 .left-3{animation-delay:.4s}.logo-link{display:none;width:145px;line-height:78px;background: url(../images/logo2.png) 40px 50% no-repeat;background-size:74px 36px}.social{display:none;float:right}.social .social-site{vertical-align:top;width:68px;background: url(wechat-icon@2x.png) 50% 50% no-repeat;background-size:28px 24px;display:inline-block;opacity:.7;transition:all .5s}.social .social-site .user-link-code,nav{display:none}footer,nav a.product{line-height:78px;font-size:16px;height:78px}.social .social-site.active{opacity:1}.social .social-site.weibo{background-image:url(weibo-icon@2x.png)}nav{line-height:78px}nav a.product{vertical-align:top;color:#6c6c6c;padding:0 30px;display:inline-block}.non-mobile #page-menu,footer{display:none}nav a.product.active,nav a.product:active,nav a.product:hover{color:#0794e9}footer{font-family:'Helvetica Neue',Arial,'Hiragino Sans GB',Microsoft Yahei,\5b8b\4f53,sans-serif;text-align:center;color:#6c6c6c;background:#fcfcfc}.non-mobile .head{background-color:#fafafa;position:static;display:block;height:78px;padding:0}.non-mobile .head .btn-download{display:none}.non-mobile .social{display:block}.non-mobile nav{vertical-align:top;display:inline-block}.non-mobile footer{display:block}.non-mobile .logo-link{vertical-align:top;display:inline-block}.non-mobile .section{position:relative;top:0;left:0;height:400px}.non-mobile .section.section1{position:relative}.non-mobile .section.section1 .tip-1,.non-mobile .section.section1 .tip-2{display:block}.non-mobile .section.section1 .sample{display:block;z-index:1;width:442px;height:458px;background:url(../images/phone01.png) no-repeat;background-size:442px 458px;position:absolute;left:30px;top:14px}.non-mobile .section.section1 .sample .demo-video{width:176px;height:311px;position:absolute;top:76px;left:49px;display:none}.non-mobile .section.section1 .sample .btn-close-video{position:absolute;top:75px;right:217px;width:40px;height:40px;background:url(stop@2x.png) 50% 50% no-repeat;background-size:22px 22px}.non-mobile .section.section1 .sample .btn-play{display:block;width:176px;height:311px;position:absolute;top:76px;left:49px;background:url(play@2x.png) 50% 50% no-repeat;background-size:54px 54px;opacity:.8}.non-mobile .section.section1 .sample .btn-play:hover{opacity:1}.non-mobile .section.section1 h1{display:none}.non-mobile .section.section1 .downloading{margin-right:400px;position:relative;width:100%;}.non-mobile .section.section1 .downloading .inner{position:absolute;right:50%;top:105px;width:360px;margin-left:-165px}.non-mobile .section.section1 .downloading .tip-1{line-height:1;color:#fff;font-size:36px;margin-bottom:8px}.non-mobile .section.section1 .downloading .tip-2{line-height:1;color:#fff;font-size:20px;padding-bottom:12px}
.non-mobile .section.section1 .downloading .btn-download{display:inline-block;width:191px;line-height:40px;font-size:16px;position:relative;margin:60px 15px 0 15px;opacity:1;left:0;top:0;background:#039CEC;border:none;border-radius:40px}
.non-mobile .section.section1 .downloading .btn-download i.icon{width:28px;height:34px}
.non-mobile .section h2,.non-mobile .section p.info{text-align:left;left:100px;color:#464646;width:44%;min-width:355px;opacity:1}
.non-mobile .section.section1 .downloading .btn-download i.icon.android,.non-mobile .section.section1 .downloading .btn-download i.icon.apple{background-size:23px 28px}.non-mobile .section.section1 .downloading .btn-download i.icon.qr-code{background-size:24px 22px}.non-mobile .section h2{top:152px;font-size:32px}.non-mobile .section p.info{top:200px;font-size:16px;line-height:26px;margin:0}
.non-mobile .section .animated-wrap{width:62%;position:relative;height:400px}
.non-mobile .section.section2,.non-mobile .section.section4{background:#f7f7f7}.non-mobile .section2 .animated-wrap,.non-mobile .section4 .animated-wrap{margin-left:38%}.non-mobile .section3 h2,.non-mobile .section3 p.info{width:390px;left:60%;right:auto}.non-mobile .section4 h2,.non-mobile .section4 p.info{width:390px;margin-left:-195px;left:31%;right:auto}
.non-mobile .section2 .fade-in-from-left{opacity:1;bottom:0;width:452px;height:353px;background-size:452px 353px;}
.non-mobile .section2 .fade-in-from-right{opacity:0}
.non-mobile .section3 .right-big-phone{opacity:1;width:225px;height:368px;bottom:0;margin-left:0;left:100px;}
.non-mobile .section3 .left-1{opacity:1;width:200px;height:130px;bottom:180px;left:410px}
.non-mobile .section3 .left-2{opacity:1;width:200px;height:130px;bottom:40px;left:410px}
.non-mobile .section3 .left-3{opacity:1;width:170px;height:95px;bottom:9px;margin-left:-139px}
.non-mobile .section4 .center-image{width:359px;height:338px;opacity:1}body.non-mobile{min-width:768px;background-color:#fafafa}

@media (max-width:1025px){body.non-mobile .section3 h2,body.non-mobile .section3 p.info,body.non-mobile .section4 h2,body.non-mobile .section4 p.info{left:20px;margin-left:0}body.non-mobile .section4 .center-image{margin-left:-133px}body.non-mobile .section3 h2,body.non-mobile .section3 p.info{left:60%}}
@media (min-width:1024px){.non-mobile .section p.info{top:260px;}}
@media (min-width:769px){body.non-mobile .section.section1{animation:none;background-size:cover}}
.no-touch .social-site:hover{opacity:1}.no-touch .social-site:hover .user-link-code{opacity:1!important;transform:translateY(0)!important;-webkit-transform:translateY(0)!important}.no-touch .btn-download:hover .download-code{opacity:1;transform:translateY(0)!important;-webkit-transform:translateY(0)!important}.non-mobile .section{background-color:#fff}.non-mobile .head .logo,.non-mobile .section1 h2,.non-mobile .section1 p.info{display:none;}.non-mobile .section p.info{top:260px;}.non-mobile .head .content-wrap{position:relative;z-index:10}.non-mobile .section2 .fade-in-from-right{width:136px;height:123px;bottom:174px;margin-left:24px}.non-mobile .social .social-site{position:relative}.non-mobile .social .weixin .user-link-code{display:block;position:absolute;bottom:-126px;left:-38px;opacity:0;transform:translateY(-10px);-webkit-transform:translateY(-10px);transition:all .5s;width:141px;height:144px;background: url(wechat-code@2x.png) no-repeat;background-size:141px 144px}.non-mobile .social .weixin.active .user-link-code{opacity:1;transform:translateY(0);-webkit-transform:translateY(0)}

@media (min-width:939px){.non-mobile .section.section1 .downloading .btn-download{width:150px;line-height:25px;font-size:12px;margin:10px 6px 0 0px;border-radius:10px}.non-mobile .section.section1 .downloading .btn-download i.icon{height:24px;width:18px;}.non-mobile .section.section1 .downloading .btn-download i.icon.android, .non-mobile .section.section1 .downloading .btn-download i.icon.apple{background-size:13px 18px;}.non-mobile .section.section1 .downloading .btn-download i.icon.qr-code{background-size:14px 12px}.btn-download i.download-code{left:203px;bottom:-78px;background-size:125px 125px;width:125px;height:125px;}.non-mobile .content-wrap{margin:0 auto;width:1024px;position:relative}.non-mobile .section.section1 .downloading .inner{right:79px;margin-left:0}.non-mobile .section h2,.non-mobile .section p.info{width:406px}}

@media (min-width:1440px){body.non-mobile .section.section1 .downloading .inner{width:auto}body.non-mobile .section.section1 .downloading .tip-2{font-size:26px;}.non-mobile .section.section1 .downloading .btn-download{width:174px;line-height:35px;font-size:14px;margin:50px 2px 0 2px;border-radius:40px}.non-mobile .section.section1 .downloading .btn-download i.icon{height:34px;width:28px;}.non-mobile .section.section1 .downloading .btn-download i.icon.android, .non-mobile .section.section1 .downloading .btn-download i.icon.apple{background-size:18px 23px;}.non-mobile .section.section1 .downloading .btn-download i.icon.qr-code{background-size:20px 18px}.btn-download i.download-code{left:27px;bottom:-145px;background-size:140px 140px;width:140px;height:140px;}.non-mobile .content-wrap{width:1440px;max-width:1440px;margin:0 auto}.non-mobile .section,.non-mobile .section .animated-wrap{height:563px}.non-mobile .section h2{top:211px;font-size:32px;width:594px;font-weight:bold}.non-mobile .section p.info{width:630px;top:280px;font-size:23px}.non-mobile .section.section1 .sample .btn-close-video{top:106px;right:296px}
.non-mobile .section2 .fade-in-from-left{width:430px;height:420px;background-image:url(../images/phone2.png);background-size:430px 420px}
.non-mobile .section2 .fade-in-from-right{bottom:250px;margin-left:40px;width:173px;height:157px;background-image:url(hd/img-a-02-hd@2x.png);background-size:173px 157px}
.non-mobile .section3 h2,.non-mobile .section3 p.info{width:680px;margin-left:60%;left:0;}
.non-mobile .section4 h2,.non-mobile .section4 p.info{left:113px;width:680px;margin-left:0}
.non-mobile .section.section1 .sample{left:100px;top:140px;width:420px;height:480px;background-image:url(../images/phone01.png);background-size:420px 480px}
.non-mobile .section.section1 .sample .btn-play,.non-mobile .section.section1 .sample .demo-video{width:240px;height:423px;top:102px;left:64px}.non-mobile .section.section1 .downloading .inner{top:190px;right:58px}.non-mobile .section.section1 .downloading .tip-1{font-size:45px;font-weight:bold;margin-bottom:35px;}.non-mobile .section.section1 .downloading .tip-2{font-size:32px;text-align:right}
.non-mobile .section3 .right-big-phone{width:317px;height:519px;background-image:url(../images/phone3a.png);background-size:317px 519px}
.non-mobile .section3 .left-1,.non-mobile .section3 .left-2{height:200px;background-size:150px 200px;width:150px;margin-left:-60px}
.non-mobile .section3 .left-1{background-image:url(../images/phone3_1a.png);bottom:240px}
.non-mobile .section3 .left-2{background-image:url(../images/phone3_2a.png);bottom:20px}
.non-mobile .section3 .left-3{width:206px;height:110px;background-image:url(hd/pu-3-hd@2x.png);background-size:206px 110px;margin-left:-170px;bottom:18px}
.non-mobile .section4 .center-image{width:631px;height:560px;background-image:url(../images/phone4a.png);background-size:631px 560px}}.ref1{position:fixed;top:50%;height:0;border-top:solid 1px #0f0;width:100%}